@import "~styles/variables.scss";
@import "~styles/mixin.scss";

.home-contain{
	background-color: $bgColor;
	header{
		height: 3rem;
		background-color: $majorBlue;
		ul{
			white-space: nowrap;
			overflow-y: hidden;
			overflow-x: auto;
			padding: 0 1rem;
			li{
				display: inline-block;
				padding: 0 1rem;
				font-size: $fontSizeBase;
				line-height: 3rem;
				color:white;
				&.active{
					font-weight: bold;
				}
			}
		}
	}
	.change-group{
		display: flex;
    background-color: white;
    height: 3.0rem;
    font-size: $fontSizeBase;
    text-align: center;
    line-height: 3rem;
    justify-content: space-around;
		span{
      color: $ColorHighLight;
      &.active{
        color: $majorBlue;
        font-weight: bold;
        border-bottom: 0.133rem solid $majorBlue;
      }
		}
	}
  .home-content{
    margin-top: 0.667rem;
  }
}
